import { computed, onMounted, onUnmounted, ref } from 'vue'
import dayjs from 'dayjs'
//!编写倒计时
export const useCountDown = () => {
    //！1.响应式的数据
    const time = ref(0)
    const timer = null
    //!格式化时间 为 xx分xx秒
    const formatTime = computed(() => {
        return dayjs.unix(time.value).format('mm分ss秒')

    })
    //!2.开启倒计时的函数 
    const start = (currentTime) => {
        //!编写逻辑
        //!核心逻辑:每隔一秒-1
        time.value = currentTime
        timer = setInterval(() => {
            time.value--
        }, 1000)
    }
    //!组件销毁清除定时器
    onUnmounted(() => {
        //!如果timer存在
        timer && clearInterval(timer)
    })
    return {
        formatTime,
        start
    }
}